/*
* @Title: 支付密码
* @Created by: emiya
*/
<template>
	<view class="box">
		<comHeader :config="navConfig" />
		<view>
			<view class="title">修改密码</view>
			<view class="tips">请再次以写确认</view>
			<view class="content"><validCode :maxlength="6" :isPwd="true" @finish="getPwd"></validCode></view>
			<view v-if="dis==2" class="ok">完成</view>
		</view>
	</view>
</template>

<script>
	import uniIcon from "@/components/uni-icon/uni-icon.vue"
	import validCode from '@/components/validCode.vue'
	export default {
		components: {
			uniIcon,
			validCode
		},
		data() {
			return {
				dis:1,
				navConfig: {
					isFixed: false, //是否absolute布局
					left: {
						isShowLeft: true,
						leftGobackColor: 'black', //左边返回icon颜色
					},
					mid: {
						isShowMid: true,
						text: '支付密码',
						textColor: '#000'
					},
					right: {
						text: '',
						isShowRight: false,
						ico: '', //右侧图标地址
						isShowRightIco: '' //是否显示右侧图标
					}
				},
			}
		},
		methods: {
			getPwd(val) {
				console.log(val)
				if(val.length==6){
					this.dis = 2
				}
			},
		},
	}
</script>

<style scoped>
	* {
		margin: 0;
		padding: 0;
	}

	.box {
		font-size: 30upx;
		text-align: center;
	}

	.title {
		font-size: 34upx;
		margin-top:200upx;
	}

	.tips {
		font-size: 26upx;
		color: #666666;
		margin-top:20upx;
	}
	.content{
		margin-top: 60upx;
	}
	.ok{
		width: 608upx;
		height: 78upx;
		background-color:#5773FE;
		color:#FFFFFF;
		text-align: center;
		line-height: 78upx;
		margin:30upx auto;
		border-radius:10upx ;
	}
</style>
